
{% if theme_config.global.product_size == "1" %}
{% assign product_size = "11" %}
{% elsif theme_config.global.product_size == "2" %}
{% assign product_size = "34" %}
{% elsif theme_config.global.product_size == "3" %}
{% assign product_size = "23" %}
{% elsif theme_config.global.product_size == "4" %}
{% assign product_size = "12" %}
{% endif %}
<li class="{{ swiper }}">
    <div class="product_pic {% if theme_config.global.product_move_two %}{% if product.images[1].src %}product_img_hover{% endif %}{% endif %}">
        {% capture product_handle %}/products/{{ product.handle }}?data_from={{product.data_from | default:data_from}}{% endcapture %}
        {% if collection_handle %}
            {% capture collection_handle %}/collections/{{collection_handle}}{% endcapture %}
            {% assign product_handle =  product_handle | prepend : collection_handle %}
        {% endif %}

        <a class="product_img" data-scale="{{ product_size }}" href="{{product_handle}}">
            <img class="default_img" {% if product.image.alt == "" %}alt="{{ product.title }}"{% else %}alt="{{ product.image.alt }}"{% endif %} data-sizes=”auto” data-src="{{ product.src }}" src="{{ 'empty.png' | public_asset_abs_url }}">
            {% if theme_config.global.product_move_two %}
            {% if product.images[1].src %}
            <img class="hover_img" data-sizes=”auto” data-src="{{ product.images[1].src }}" src="{{ 'empty.png' | public_asset_abs_url }}">
            {% endif %}
            {% endif %}
        </a>
        {% if product.inventory_tracking and product.inventory_policy == 1 %}
        {% if product.inventory_quantity == "0" %}
            <div class="soldout">{{ lang.general.sold_out }}</div>
        {% endif %}
        {% endif %}

        {% if theme_config.global.product_discount_label and product.variant.price > 0 %} 
        {% if product.variant.price < product.variant.compare_at_price %}
        {% assign price = product.variant.compare_at_price | minus: product.variant.price | divided_by: product.variant.compare_at_price | times: 100 | floor %}
        {% if price > 0 %}
        <div class="discount_tag {{ theme_config.global.discount_label_style }}"><div class="discount_tag_graphics"></div><div class="discount_tag_name">{{ price }}% <span>OFF</span></div></div>
        {% endif %} 
        {% endif %}
        {% endif %}
        <div class="product_tag_list">
            {% if theme_config.global.product_preview %}
            <a class="product_view" data-handle="{{ product.handle }}" data-from="{{data_from}}" href="javascript:void(0)">{% include icon_quick_view ,{width:'16',height:'16'} %}</a>
            {% endif %}
        </div>
    </div>
    <div class="block_product_name {% unless theme_config.global.product_title_model %}wap_hide{% endunless %}">
        <a class="line-clamp2 {% if theme_config.global.product_title_style == 'hide' %}hide_line{% endif %}" href="{{product_handle}}">{{ product.highlight_title | default : product.title }}</a>
    </div>
    <div class="product_price">
        <span class="general_buying-color">{{ product.variant.price | money }}</span>
        {% if product.variant.compare_at_price != "0" %}
            <span class="product_oldprice general_original-color">{{ product.variant.compare_at_price | money }}</span>
        {% endif %}
    </div>
</li>

